// out: ../css/common.min.css, compress: true, sourceMap: false
@import "../css/normalize.min.css";
@import "../css/animate.min.css";
@imgUrl: "../images/";
@imgUrlBg: "../images/bg.png";
@font-face {
  font-family: hanyicu;
  src: url("../font/hye4gjm.ttf"); /* IE9+ */
}
.hanyicu {
  font-family: hanyicu;
}
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

html {
  max-width: 640px;
}

body,
html {
  width: 100%;
  height: 100%;
}

.f26 {
  font-size: 0.26rem !important;
}

.f30 {
  font-size: 0.3rem !important;
}

.f24 {
  font-size: 0.24rem !important;
}

.f20 {
  font-size: 0.2rem !important;
}

.f18 {
  font-size: 0.18rem !important;
}

.f16 {
  font-size: 0.16rem !important;
}

.f40 {
  font-size: 0.4rem !important;
}

.t-c {
  text-align: center;
}

.none {
  display: none !important;
}

input::-webkit-input-placeholder {
  color: #9e2207;
}

input {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.loading {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.loading > img {
  position: relative;
  top: 40%;
  left: 45%;
  width: 0.59rem;
  height: 0.59rem;
}
.panel {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  z-index: 999;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  .p-c {
    position: relative;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 5.57rem;
    height: 4.57rem;
    background: url("@{imgUrl}panel.png") no-repeat;
    background-size: 5.57rem 4.57rem;
    border-radius: 0.3rem;
    z-index: 999;

    .close {
      position: absolute;
      display: inline-block;
      right: 0.3rem;
      top: 0.1rem;
      width: 0.78rem;
      height: 0.78rem;
    }
  }

  .flow-l {
    position: absolute;
    display: inline-block;
    width: 1.72rem;
    height: 0.77rem;
    left: -0.32rem;
    bottom: 0.34rem;
    background: url("@{imgUrl}flow-l.png") no-repeat;
    background-size: 1.72rem 0.77rem;
  }

  .flow-r {
    position: absolute;
    display: inline-block;
    width: 1.19rem;
    height: 0.55rem;
    right: -0.32rem;
    top: 2.4rem;
    background: url("@{imgUrl}flow-r.png") no-repeat;
    background-size: 1.19rem 0.55rem;
  }
}
.close-btn {
  position: absolute;
  right: 0.9rem;
  top: 1.04rem;
  width: 0.6rem;
  height: 0.58rem;
  background: url(../images/close.png);
  background-size: 0.6rem 0.6rem;
}
.btn {
  width: 2.71rem;
  height: 0.72rem;
  margin: 0 auto;
  background: url("@{imgUrl}btn.png") no-repeat;
  background-size: 2.71rem 0.72rem;

  span {
    color: #803300;
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
